﻿body 
{
    font-family:Segoe UI;
    font-size:12px;
    margin:0px;
    height:100%;
}
#content
{
	margin:1px;
}
#linksDiv
{
	padding-left:1px;
	padding-top:7px;
}

#linksDiv a, a:visited
{
	width:100%;
	text-decoration:none;
	color:white;	
	/*color:Black;*/
	font-weight:400;
	
	/*margin-top:2px;*/
	
	
	/** ellipsis*/
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden; 
	
	height:20px;
	vertical-align:middle;
}

#linksList
{
	list-style-type:none;
	margin-left:0px; /*removes left indent of ul items*/
	
}

#linksList div.folderItem, div.fileItem
{
	/*background-repeat:repeat-x;
	background-position:bottom;*/

	height:20px;
	width:100%;
	margin:0px;
	vertical-align:middle;
}

#linksDiv div.folderItem
{
	/*margin-top:7px;*/
	letter-spacing:0.1em;
	font-weight:bold;

}

#linksDiv div.fileItem
{
	margin:0px;
}

#linksDiv div.fileItem a
{
	padding-left:13px;
}

div.pin
{
	/*background-color:Green;*/
	/*background-image: url(../images/pin_background.png);*/
	background-repeat:no-repeat;
	height:20px;
	width:20px;
	margin:0px;
	/*z-index:1;*/
	
	vertical-align:bottom;
	/*margin:0px;*/

}

div.pin img
{
	/*vertical-align:text-bottom;*/
	/* to align the image in the center*/
	/*margin-top:6px;
	margin-left:3px;*/
	vertical-align:middle;
}


#linksDiv img.icon
{
	border:none;
	margin:1px;
	margin-right:4px;
	vertical-align:text-bottom;
	/*background-color:Black;*/
	
}

#linksDiv span.fileName
{
	vertical-align:middle;
	/*background-color:Gray;*/	
}

#flyout
{
    width: 350px;
    height:550px;
}
